{% extends 'base.html' %}
{% load staticfiles %}


{% block content %}
    <div class="container">  <!-- 开加一个container的目的是为了让整体布局居中 -->
     <form action="{% url 'playlist' %}" method="get">
        a: <input type="text" name="a"> <br>
        <input type="submit" value="提交">
    </form>
    <div class="row"><!-- 将要加入的略缩图放入row中 -->
                <!-- start第一张略缩图开始 -->
        {% for item in list %}
{#                {{ item.address }}#}
{#                {{ item.img }}#}
{#                {{ item.Number }}#}
{#                {{ item.title }}#}

                    <div class="col-lg-3 col-md-6 col-sm-12 col-xs-12" style="height: 230px;">
                           
                        <div class="thumbnail">
                                  <a href= '{% url 'player' %}?a={{ item.address }}' ><img src="{{ item.img }}"
                                                                             class="img-responsive"
                                                                             style="width: 80px;height:80px">
                                 </a>
                            <div class="caption">
                                <table>
                                    <tr>
                                        <td>
                                            【标题】{{ item.address }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <a href="vip.html">【商品数量】{{ item.Number }}</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            【类型】{{ item.title }}
                                        </td>
                                    </tr>
=                                </table>


                                     
                            </div>
                               
                        </div>
                         
                    </div>
                    <!-- 第一张略缩图结束 -->
                {% endfor %}

            </div>


</div>
{% endblock %}

{% block script %}
    <script type="javascript">
        function postdata() {

        }
    </script>
{% endblock %}